.title {
  background: #f0f2f5;
  width: 100%;
  height: 1000px;
}
.Top {
  height: 80px;
  border-bottom: solid 1px #ccc;
}
.head {
  font-size: 30px;
  margin: 0 20px;
}
.nav {
  height: 130px;
  background-color: #fff;
  width: 95%;
  margin: 20px auto;
  border-radius: 20px;

  .searchs {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    .types {
      display: flex;
      justify-content: space-around;
      align-items: center;
      .Types {
        margin: 20px 0;
      }
    }
    .subjects {
      display: flex;
      justify-content: space-around;
      align-items: center;
      .Subjects {
        margin: 20px 0;
      }
    }
    .btns {
      display: flex;
      justify-content: space-around;
      align-items: center;
      .Btns {
        margin: 20px 0;
      }
    }
  }
}
.content {
  height: calc(100% - 251px);
  width: 95%;
  margin: 20px auto;
  border-radius: 20px;
  background-color: #fff;
}
